{% extends 'base.html' %}
{% load static %}

{% block title %}Logout - NEPSE Stock Forecasting{% endblock %}

{% block content %}
<div class="max-w-md mx-auto mt-8 bg-white rounded-lg shadow-md">
    <div class="bg-green-600 text-white px-6 py-4 rounded-t-lg">
        <h4 class="text-xl font-semibold">
            <i class="fas fa-sign-out-alt mr-2"></i>
            Logged Out Successfully
        </h4>
    </div>
    <div class="p-6 text-center">
        <div class="mb-6">
            <i class="fas fa-check-circle text-green-500 text-6xl mb-4"></i>
            <p class="text-gray-700 mb-6">You have been successfully logged out of the admin panel.</p>
        </div>
        <div class="flex space-x-3 justify-center">
            <a href="{% url 'dashboard' %}" class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition duration-200">
                <i class="fas fa-home mr-2"></i>
                Go to Dashboard
            </a>
            <a href="{% url 'login' %}" class="bg-gray-300 text-gray-700 px-4 py-2 rounded-md hover:bg-gray-400 transition duration-200">
                <i class="fas fa-sign-in-alt mr-2"></i>
                Login Again
            </a>
        </div>
    </div>
</div>
{% endblock %}